<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../../assert/css/font.css" th:href="@{/assert/css/font.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap.min.css" th:href="@{/assert/css/bootstrap.min.css}"/>
    <link rel="stylesheet" href="../../../assert/css/plugin/chosen/chosen.css"
          th:href="@{/assert/css/plugin/chosen/chosen.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap-table.css" th:href="@{/assert/css/bootstrap-table.css}"/>
    <link href="../../../assert/css/animate.min.css" rel="stylesheet" th:href="@{/assert/css/animate.min.css}">
    <link href="../../../assert/css/plugin/toastr/toastr.min.css" rel="stylesheet"
          th:href="@{/assert/css/plugin/toastr/toastr.min.css}">
    <link href="../../../assert/css/plugin/jsTree/style.min.css" rel="stylesheet"
          th:href="@{/assert/css/plugin/jsTree/style.min.css}">
    <link href="../../../assert/css/loaders.css" rel="stylesheet"
          th:href="@{/assert/css/loaders.css}">
    <link rel="stylesheet" href="../../../assert/css/jquery-ui.css" th:href="@{/assert/css/jquery-ui.css}"/>
    <link rel="stylesheet" href="../../../assert/css/index.css"
          th:href="@{/assert/css/index.css(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"/>
    <style>
        .search_group label.control-label {
            width: 85px;
        }
    </style>
</head>
<body>
<a id="basePath" th:href="@{/}"></a>
<!--选择 省份/城市 模态框-->
<div class="modal fade" id="proCityModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div>
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">选择省份/城市</h4>
                </div>
                <div class="modal-body" style="display: inline-block">
                    <div class="pro-tab-title">
                        <ul>

                        </ul>
                    </div>
                    <div class="search_box" style="margin:5px 0">
                        <input type="text" autocomplete="off" style="width:436px" placeholder="省份/城市">
                        <span class="fa fa-search fa_btn" id="searchProCity" style="height:30.5px;left:-5px"></span>
                    </div>
                    <div class="pro-tab-content">
                        <div class="pro-left" style="width:166px;">
                            <div class="pro-title">
                                省份如下：
                                <div class="select-btn-box">
                                    <i id="selectAllPro">全选</i>
                                    <i id="selectReversePro">反选</i>
                                </div>
                            </div>
                            <ul class="scrollbar" style="height:100%" id="jstreePro">
                                <li></li>
                            </ul>
                        </div>
                        <div class="pro-middle" style="width:300px;">
                            <div class="pro-title">城市如下：
                                <div class="select-btn-box">
                                    <i id="selectAllCity">全选</i>
                                    <i id="selectReverseCity">反选</i>
                                </div>
                            </div>
                            <div class="selectProCity scrollbar"></div>
                        </div>
                        <div class="pro-right" style="width:300px;">
                            <div class="pro-title">已选省份/城市如下：<span id="allDelete">全部删除</span></div>
                            <div class="selectedProCity scrollbar"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="saveProCity">保存</button>
                    <button type="button" class="btn btn-white" data-dismiss="modal" id="close">关闭</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="wrapper wrapper-content">
    <div class="ibox">
        <div class="tools_bar">
            <div class="pull-left">
                <a href="#" class="btn btn-default active" id="btnSearch" title="隐藏查询条"><i class="fa fa-filter"></i> 隐藏</a>
                <a href="#" class="btn btn-default active" id="refresh"><i class="fa fa-refresh"></i> 刷新</a>
            </div>
        </div>
        <div class="search on">
            <div class="search_group hidden">
                <label class="control-label"><span class="respan">*</span>省份：</label>
                <div class="control-inline">
                    <select type="text" id="pro" value="" class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label"><span class="respan">*</span>省份/城市：</label>
                <div class="control-inline">
                    <input type="text" id="proCity" value="" class="form-control search_input" placeholder="请选择"
                           autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label"><span class="respan">*</span>通话时间：</label>
                <div class="control-inline">
                    <input placeholder="开始日期" class="form-control layer-date search_input" id="callStartTime"
                           autocomplete="off"> -
                    <input placeholder="结束日期" class="form-control layer-date search_input" id="callEndTime"
                           autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">坐席班组：</label>
                <div class="control-inline">
                    <select type="text" id="seatGroup" value="" class="form-control search_input"></select>

                </div>
            </div>
            <div class="search_group">
                <label class="control-label">坐席工号：</label>
                <div class="control-inline">
                    <input type="text" id="seatId" value="" class="form-control search_input" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">坐席姓名：</label>
                <div class="control-inline">
                    <input type="text" id="seatName" value="" class="form-control search_input" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">客户号码：</label>
                <div class="control-inline">
                    <input type="text" id="customerNumber" value="" class="form-control search_input"
                           autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">重复来电：</label>
                <div class="control-inline">
                    <select type="text" id="repeatPhone" value="" class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">满意度：</label>
                <div class="control-inline">
                    <select type="text" id="agree" value="" class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <button id="search" class="btn  btn-primary">查询</button>
                <button id="reset" class="btn  btn-default">重置</button>
                <button id="export" class="btn  btn-default">导出列表</button>
                <button id="exportDetail" class="btn  btn-default">导出明细</button>
            </div>
        </div>
        <table id="myTable"></table>
    </div>
</div>
<form action="" id="exportForm" class="hidden" method="post">
    <input type="text" id="provinceCodeE" name="provinceCode">
    <input type="text" id="groupIdE" name="groupId">
    <input type="text" id="seatNumE" name="seatNum">
    <input type="text" id="seatNameE" name="seatName">
    <input type="text" id="callStartTimeE" name="callStartTime">
    <input type="text" id="callEndTimeE" name="callEndTime">
    <input type="text" id="reCallFlagE" name="reCallFlag">
    <input type="text" id="customerNumE" name="customerNum">
    <input type="text" id="satisfactionE" name="satisfaction">
</form>
<form action="" id="formDetail" class="hidden" method="post">
    <input type="text" id="provinceCodeC" name="provinceCode">
    <input type="text" id="seatGroupC" name="seatGroup">
    <input type="text" id="seatIdC" name="seatId">
    <input type="text" id="customerNumberC" name="customerNumber">
    <input type="text" id="callStartTimeC" name="callStartTime">
    <input type="text" id="callEndTimeC" name="callEndTime">
    <input type="text" id="reCallFlagC" name="reCallFlag">
    <input type="text" id="satC" name="sat">
</form>
<script src="../../../assert/js/jquery.js"
        th:src="@{/assert/js/jquery.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/bootstrap.min.js"
        th:src="@{/assert/js/bootstrap.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/bootstrap-table.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/bootstrap-table.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/bootstrap-table-mobile.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/bootstrap-table-mobile.min.js}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
<script src="../../../assert/js/plugin/toastr/toastr.min.js"
        th:src="@{/assert/js/plugin/toastr/toastr.min.js}"></script>
<script src="../../../assert/js/base.js"
        th:src="@{/assert/js/base.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/jquery-ui.min.js" th:src="@{/assert/js/jquery-ui.min.js}"></script>
<script src="../../../assert/js/plugin/layer/laydate/laydate.js"
        th:src="@{/assert/js/plugin/layer/laydate/laydate.js}"></script>
<script src="../../../assert/js/changeTime.js"
        th:src="@{/assert/js/changeTime.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/jsTree/jstree.min.js"
        th:src="@{/assert/js/plugin/jsTree/jstree.min.js}"></script>
<script src="../../../assert/js/plugin/chosen/chosen.jquery.js"
        th:src="@{/assert/js/plugin/chosen/chosen.jquery.js}"></script>
<script src="../../../assert/js/contabs.min.js"
        th:src="@{/assert/js/contabs.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/common.js"
        th:src="@{/assert/js/common.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script>
    //项目名称
    var basePath = $("#basePath").attr("href");
    var TableInit = function () {
        var oTableInit = new Object();
        var url = basePath + "rest/phone-statistics/get-phone-count";
        var height = ($(window).height() - $(".tools_bar").height() - 9 - $(".search").height() - 40);
        //初始化Table
        oTableInit.Init = function () {
            $('#myTable').bootstrapTable('destroy');
            $('#myTable').bootstrapTable({
                url: url,         //请求后台的URL（*）
                method: 'post',                      //请求方式（*）
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                height: height,
                queryParams: oTableInit.queryParams,//传递参数（*）
                responseHandler: function (res) {
                    if (res.code == -1) {
                        toastrCog.error(res.msg, 2000);
                    }
                    tools.tableData = res.data;
                    return {
                        "total": res.count,//总页数
                        "rows": res.data   //数据
                    };
                },
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
                search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                contentType: "application/x-www-form-urlencoded",
                strictSearch: true,
                showColumns: false,                  //是否显示所有的列
                showRefresh: false,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
//                uniqueId: "serialNumber",                     //每一行的唯一标识，一般为主键列
                showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,
                cellStyle: {
                    css: {"background-color": "#fff"}
                },//是否显示父子表
                columns: [
                    {
                        align: "center",
                        halign: "center",
                        title: '序号',//标题  可不加
                        width: 60,
                        formatter: function (value, row, index) {
                            var getOptions = $("#myTable").bootstrapTable('getOptions');
                            var pagenum = getOptions.pageNumber;
                            var pagesize = getOptions.pageSize;
                            var st = (pagenum - 1) * pagesize;
                            return (st + index + 1) + "";
                        }
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'provinceCode',
                        title: '省份',
//                        sortable: true,
                        formatter: function (value, row, index) {
                            return bs.filterData(bs.getXInY(tools.proArr, "name", "value", value));
                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'groupId',
                        title: '坐席班组',
//                        sortable: true,
                        formatter: function (value, row, index) {
                            var str = bs.filterData(tools.getNameInIdGroup(value));
                            if (str == "请选择") {
                                str = "-"
                            }
                            return str;
                        }
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'seatNum',
                        title: '坐席工号',
//                        sortable: true,
                        formatter: function (value, row, index) {
                            return bs.filterData(value);
                        }
                    },
                    {
                        field: 'holdDur',
                        title: '通话时长',
                        align: "center",
                        halign: "center",
//                        sortable: true,
                        formatter: function (value, row, index) {
                            return '<span style="padding-right:22px;">' + value + '</span>';
                        }
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'phoneCount',
                        title: '话务量',
//                        sortable: true,
                        formatter: function (value, row, index) {
                            tools.jumpDetail();
                            var params = $("#formDetail").serialize();
                            var href = basePath + "/rest/page/telephoneDetail?" + params;
//                            if(value!=0){
//                                return '<a href="'+href+'" title="查看详情"  class="J_menuItem" data-index="detail'+index+'" data-txt="话务量-详情" data-href="/rest/page/telephoneDetail">'+value+'</a>'
//                            }else{
                            return value + ""
//                            }

                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'callOutCount',
                        title: '呼出量',
//                        sortable: true,
                        formatter: function (value, row, index) {
                            tools.jumpDetail();
                            var params = $("#formDetail").serialize();
                            var href = basePath + "/rest/page/telephoneDetail?" + params;
//                            if(value!=0){
//                                return '<a href="'+href+'" title="查看详情"  class="J_menuItem" data-index="detail'+index+'" data-txt="呼出量-详情" data-href="/rest/page/telephoneDetail">'+value+'</a>'
//                            }else{
                            return value + ""
//                            }
                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'callInCount',
                        title: '接入量',
//                        sortable: true,
                        formatter: function (value, row, index) {
                            tools.jumpDetail();
                            var params = $("#formDetail").serialize();
                            var href = basePath + "/rest/page/telephoneDetail?" + params;
//                            if(value!=0){
//                                return '<a href="'+href+'" title="查看详情"  class="J_menuItem" data-index="detail'+index+'" data-txt="接入量-详情" data-href="/rest/page/telephoneDetail">'+value+'</a>'
//                            }else{
                            return value + ""
//                            }

                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'satVeryYes',
                        title: '非常满意',
//                        sortable: true,
                        formatter: function (value, row, index) {
                            tools.jumpDetail();
                            $("#satC").val(1);
                            var params = $("#formDetail").serialize();
                            var href = basePath + "/rest/page/telephoneDetail?" + params;
//                            if(value!=0){
//                                return '<a href="'+href+'" title="查看详情"  class="J_menuItem" data-index="detail'+index+'" data-txt="非常满意-详情" data-href="/rest/page/telephoneDetail">'+value+'</a>'
//                            }else{
                            return value + ""
//                            }

                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'satYes',
                        title: '满意',
//                        sortable: true,
                        formatter: function (value, row, index) {
                            tools.jumpDetail();
                            $("#satC").val(2);
                            var params = $("#formDetail").serialize();
                            var href = basePath + "/rest/page/telephoneDetail?" + params;
//                            if(value!=0){
//                                return '<a href="'+href+'" title="查看详情"  class="J_menuItem" data-index="detail'+index+'" data-txt="满意-详情" data-href="/rest/page/telephoneDetail">'+value+'</a>'
//                            }else{
                            return value + ""
//                            }

                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'satNo',
                        title: '不满意',
//                        sortable: true,
                        formatter: function (value, row, index) {
                            tools.jumpDetail();
                            $("#satC").val(3);
                            var params = $("#formDetail").serialize();
                            var href = basePath + "/rest/page/telephoneDetail?" + params;
//                            if(value!=0){
//                                return '<a href="'+href+'" title="查看详情"  class="J_menuItem" data-index="detail'+index+'" data-txt="不满意-详情" data-href="/rest/page/telephoneDetail">'+value+'</a>'
//                            }else{
                            return value + ""
//                            }

                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'satNull',
                        title: '未评价',
//                        sortable: true,
                        formatter: function (value, row, index) {
                            tools.jumpDetail();
                            $("#satC").val(4);
                            var params = $("#formDetail").serialize();
                            var href = basePath + "/rest/page/telephoneDetail?" + params;
//                            if(value!=0){
//                                return '<a href="'+href+'" title="查看详情"  class="J_menuItem" data-index="detail'+index+'" data-txt="无评价-详情" data-href="/rest/page/telephoneDetail">'+value+'</a>'
//                            }else{
                            return value + ""
//                            }

                        }
                    }
                ],
                onLoadSuccess: function (data) {  //加载成功时执行
                    resize.me();
                    if (!data.rows || data.rows.length == 0) {
                        var src = basePath + "/assert/image/nodata.png";
                        $(".no-records-found").find("td").html('<img src="' + src + '" th:src="@{/assert/image/nodata.png}" style="width:165px;" alt="">');
                    }
                },
                onLoadError: function () {  //加载失败时执行
                    var src = basePath + "/assert/image/nodata.png";
                    $(".no-records-found").find("td").html('<img src="' + src + '" th:src="@{/assert/image/nodata.png}" style="width:165px;" alt="">');
                },
                formatLoadingMessage: function () {
                    return '<div class="loaded">' +
                        '<div class="loader">' +
                        '<div class="loader-inner line-scale-pulse-out">' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '</div>' +
                        '</div>' +
                        '</div>' +
                        '<div>请稍等，数据正在加载中...</div>';
                }
            });
        };
        //得到查询的参数
        oTableInit.queryParams = function (params) {
            var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                pageNum: params.offset / params.limit,   //页面大小
                pageSize: params.limit,
                sortName: this.sortName,
                sortOrder: this.sortOrder,
                provinceCode: $("#proCity").attr('data-str-search'),
                groupId: $("#seatGroup").val(),
                seatNum: $.trim($("#seatId").val()),
                seatName: $.trim($("#seatName").val()),
                customerNum: $.trim($("#customerNumber").val()),
                callStartTime: $("#callStartTime").val(),
                callEndTime: $("#callEndTime").val(),
                reCallFlag: $("#repeatPhone").val(),
                satisfaction: $("#agree").val()
            };
            return temp;
        };
        return oTableInit;
    };
    var TableInitOne = function () {
        var oTableInit = new Object();
        //初始化Table
        oTableInit.Init = function () {
            $('#myTable').bootstrapTable('destroy');
            $('#myTable').bootstrapTable({
                data: [],
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
                search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                contentType: "application/x-www-form-urlencoded",
                strictSearch: true,
                showColumns: false,                  //是否显示所有的列
                showRefresh: false,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
//                uniqueId: "serialNumber",                     //每一行的唯一标识，一般为主键列
                showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,
                cellStyle: {
                    css: {"background-color": "#fff"}
                },//是否显示父子表
                columns: [
                    {
                        align: "center",
                        halign: "center",
                        title: '序号',//标题  可不加
                        width: 60
                    },
                    {
                        align: "left",
                        halign: "center",
                        field: 'provinceCode',
                        title: '省份'
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'groupId',
                        title: '坐席班组'
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'seatNum',
                        title: '坐席工号'
                    },
                    {
                        field: 'holdDur',
                        title: '通话时长',
                        align: "right",
                        halign: "center"
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'phoneCount',
                        title: '话务量'
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'callOutCount',
                        title: '呼出量'
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'callInCount',
                        title: '接入量'
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'satVeryYes',
                        title: '非常满意'
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'satYes',
                        title: '满意'
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'satNo',
                        title: '不满意'
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'satNull',
                        title: '未评价'
                    }
                ],
                onPostBody: function () {
                    $(".no-records-found").find("td").html("<div style='height:50px;line-height: 50px;'>亲，请选择必选条件哦！</div>")
                }
            });
        };
        return oTableInit;
    };
    var resize = {
        init: function () {
            resize.me();
            $(window).resize(function () {
                resize.me();
            })
        },
        me: function () {
            var winW = $(window).width();
            var winH = $(window).height();
            $(".ibox").width(winW - 20);
            $(".ibox").height(winH - 20);
            bs.autoTableHeight($('#myTable'), winH - $(".tools_bar").height() - 22 - $(".search").height())
        }
    };
    var tools = {
        num: 0,
        tableData: [],
        seatArr: [],
        reCallFlagArr: [],
        agreeArr: [],
        seatIdArr: [],
        seatNameArr: [],
        seatAllArr: [],
        init: function () {
            tools.selectProvince();
            tools.getCityFlag();
            tools.getSeatGroup(bs.getXInY(tools.proArr, "id", "value", $("#pro").val()));
            tools.getReCallFlag();
            tools.getSatStatus();
            bs.dataTime('#callStartTime', '#callEndTime');
            tools.tabSearch();
            tools.search();
            tools.reset();
            tools.refresh();
            tools.enterSearch();
            tools.export();
            var proCode = $("#spanId", parent.document).attr("data-procode");
            if (proCode) {
                proCity.reset($('body'), bs.getXInY(tools.proArr, 'name', 'value', proCode), proCode, 0)
                $('#proCity').attr('data-pro',$('#proCity').attr('data-str'))
            }
            $("#proCityModal").on('hidden.bs.modal', function () {
                if ($('#proCity').attr('data-str')) {
                    var jsonObj = JSON.parse($('#proCity').attr('data-str'));
                    if (proCode == '') {//如果集团人员进来 并且只选择了一个省份 才切换业务树
                        var keys = Object.keys(jsonObj);
                        if (keys.length == 1) {
                            var id = bs.getXInY(tools.proArr, "id", "value", keys[0]);
                            tools.getSeatGroup(id);
                        } else {
                            tools.getSeatGroup('');
                        }
                    }
                }
            });
            if ($("#seatGroup").val() == -1) {
                tools.getSeatId(bs.getXInY(tools.proArr, "id", "value", $("#pro").val()), "");
            } else {
                tools.getSeatId(bs.getXInY(tools.proArr, "id", "value", $("#pro").val()), $("#seatGroup").val());
            }
            $("#seatGroup").on("change", function (event, sel) {
                var id = sel.selected;
                tools.getSeatId(bs.getXInY(tools.proArr, "id", "value", $("#pro").val()), id);
            });
            $("#seatId").on("change", function (event, sel) {
                var id = $(this).val();
                for (var i = 0; i < tools.seatAllArr.length; i++) {
                    if (tools.seatAllArr[i].account == id) {
                        $("#seatName").val(tools.seatAllArr[i].realName);
                    }
                }
            });
            $("#seatName").on("change", function (event, sel) {
                var id = $(this).val();
                for (var i = 0; i < tools.seatAllArr.length; i++) {
                    if (tools.seatAllArr[i].realName == id) {
                        $("#seatId").val(tools.seatAllArr[i].account);
                    }
                }
            });
            $("#myTable").on("click", ".J_menuItem", function () {
                tools.jumpDetail();
            })
        },
        getCityFlag: function () {
            var dataArr = bs.getStatus("city_5g_flag");
            dataArr.shift();
            var $li = '';
            var $ul = $('.pro-tab-title ul');
            $ul.html('');
            for (var i = 0; i < dataArr.length; i++) {
                $li = '<li data-code="' + dataArr[i].value + '"><a href="javascript:;">' + dataArr[i].name + '</a></li>'
                $ul.append($li);
            }
            $ul.find('li').eq(0).addClass('on');
        },
        getReCallFlag:function () {
            var dataArr = bs.getStatus("recall_flag");
            Object.assign(tools.reCallFlagArr, dataArr);//es6复制数组的方法
            tools.reCallFlagArr.shift();
            tools.reCallFlagArr.unshift({
                name: "请选择",
                value: ""
            });
            bs.selectDown($("#repeatPhone"), tools.reCallFlagArr);
        }
    ,
    getSatStatus:function () {
        var dataArr = bs.getStatus("audio_satisfaction");
        Object.assign(tools.agreeArr, dataArr);//es6复制数组的方法
        tools.agreeArr.shift();
        tools.agreeArr.unshift({
            name: "请选择",
            value: ""
        });
        bs.selectDown($("#agree"), tools.agreeArr);
    }
    ,
    getSeatGroup:function (id) {
        if ($("#userIdentity", parent.document).text() == "0") {
            tools.seatArr = bs.getMeSeatGroupData();
        } else {
            tools.seatArr = bs.getSeatGroupData(id);
        }
        if(tools.seatArr[0].name == '全部'){
            tools.seatArr[0].value = 'all'
        }
        tools.seatArr.unshift({
            name: "请选择",
            value: ""
        });
        bs.selectDown($("#seatGroup"), tools.seatArr, "-1");
    }
    ,
    getSeatId:function (areaId, seatGroupId) {
        if(seatGroupId == 'all'){
            seatGroupId = ''
        }
        tools.seatAllArr = bs.getSeatData(areaId, seatGroupId, "");
        tools.seatIdArr = [];
        tools.seatNameArr = [];
        if ($("#userIdentity", parent.document).text() == "0") {
            var arr = bs.getMeSeatData("");
            for (var i = 0; i < arr.length; i++) {
                tools.seatIdArr.push(arr[i].account);
                tools.seatNameArr.push(arr[i].realName);
            }
        } else {
            for (var i = 0; i < tools.seatAllArr.length; i++) {
                tools.seatIdArr.push(tools.seatAllArr[i].account);
                tools.seatNameArr.push(tools.seatAllArr[i].realName);
            }
        }
        $("#seatId").autocomplete({
            source: tools.seatIdArr
        });
        $("#seatName").autocomplete({
            source: tools.seatNameArr
        });
        if ($("#userIdentity", parent.document).text() == "0") {
            if (tools.seatIdArr.length == 1) {
                $("#seatId").val(tools.seatIdArr[0]).prop("disabled", true);
                $("#seatName").val(tools.seatNameArr[0]).prop("disabled", true);
            } else {
                $("#seatId").val("").prop("disabled", false);
                $("#seatName").val("").prop("disabled", false);
            }
        }
    }
    ,
    getIdInCode:function (code) {//根据省份id获取code
        var id = "";
        for (var i = 0; i < tools.proArr.length; i++) {
            if (tools.proArr[i].code == code) {
                id = tools.proArr[i].id;
                break;
            }
        }
        return id;
    }
    ,
    getNameInCode:function (code) {//根据省份id获取code
        var name = "";
        for (var i = 0; i < tools.proArr.length; i++) {
            if (tools.proArr[i].code == code) {
                name = tools.proArr[i].name;
                break;
            }
        }
        return name;
    }
    ,
    getNameInIdGroup:function (id) {//根据省份id获取code
        var name = "";
        for (var i = 0; i < tools.seatArr.length; i++) {
            if (id != "") {
                if (tools.seatArr[i].value == id) {
                    name = tools.seatArr[i].name;
                    break;
                }
            }
        }
        return name;
    }
    ,
    getNameInId: function (id) {//根据id称获取name
        var name = "";
        for (var i = 0; i < tools.seatIdArr.length; i++) {
            if (tools.seatIdArr[i].id == id) {
                name = tools.seatIdArr[i].account;
                break;
            }
        }
        return name;
    }
    ,
    selectProvince: function () {
        tools.proArr = bs.getProvince();
        tools.proArr.unshift({"name": "请选择", "value": "-1"});
        bs.selectDown($("#pro"), tools.proArr, "");
        if ($("#spanId", parent.document).attr("data-procode") != "") {
            if (tools.proArr.length == 3) {
                $("#pro").val(tools.proArr[2].value).prop("disabled", true).trigger("chosen:updated");
            }
        }
    }
    ,
    changeState: function (value, arr) {
        var str = "";
        for (var i = 0; i < arr.length; i++) {
            if (value == arr[i].value) {
                str = arr[i].name
            }
        }
        return str;
    }
    ,
    tabSearch: function () {
        var search = $(".search");
        $("#btnSearch").on("click", function () {
            if (search.hasClass("on")) {
                search.slideUp();
                search.removeClass("on");
                $("#btnSearch").html('<i class="fa fa-filter"></i> 查询').attr("title", "显示查询条");
            } else {
                search.slideDown();
                search.addClass("on");
                $("#btnSearch").html('<i class="fa fa-filter"></i> 隐藏').attr("title", "隐藏查询条");
            }

        });
    }
    ,
    search: function () {
        $("#search").on("click", function () {
            var res = tools.searchValidate();
            if (res) {
                tools.tableRefresh();
            }
        })
    }
    ,
    searchValidate:function () {
        var res = false;
        if ($("#proCity").attr('data-str') == "{}") {
            toastrCog.error("请选择省份！", 2000)
        } else if ($("#callStartTime").val() == "") {
            toastrCog.error("请选择通话开始时间！", 3000)
        } else if ($("#callEndTime").val() == "") {
            toastrCog.error("请选择通话结束时间！", 3000)
        } else {
            res = true;
        }
        return res;

    }
    ,
    tableRefresh: function () {
        if (tools.num == 0) {
            var oTable = new TableInit();
            oTable.Init();
        } else {
            $("#myTable").bootstrapTable('refreshOptions', {pageNumber: 1});
            $("#myTable").bootstrapTable('refresh');
        }
        tools.num++;
    }
    ,
    reset: function () {
        $("#reset").on("click", function () {
            bs.resetSearch($(".search"), ['proCity']);
            if ($("#laydate_box").length > 0) {
                bs.resetTimeElems("#callStartTime", "#callEndTime");
            }
            var proCode = $("#spanId", parent.document).attr("data-procode");
            if (proCode == '') {
                proCity.reset($('body'), '', proCode, 0)
                tools.getSeatGroup('');
                tools.getSeatId('', $("#seatGroup").val());
            }
            if ($("#userIdentity", parent.document).text() != "0") {
                $("#seatGroup").val("").trigger("chosen:updated").prop("disabled", false);
                tools.getSeatId(bs.getXInY(tools.proArr, 'id', 'value', $("#pro").val()), $("#seatGroup").val());
                $("#seatId").val("").prop("disabled", false);
                $("#seatName").val("").prop("disabled", false);
            }
            var oTable = new TableInitOne();
            oTable.Init();
            tools.num = 0;
        })
    }
    ,
    resetSelect: function ($obj) {
        $obj.val("");
        $obj.trigger("chosen:updated");
    }
    ,
    refresh: function () {
        $("#refresh").on("click", function () {
            $("#myTable").bootstrapTable('refresh');
        })
    }
    ,
    enterSearch: function () {
        $("body").on("keyup", function (e) {
            var code = e.charCode || e.keyCode;
            if (code == 13) {
                //此处编写用户敲回车后的代码
                $("#search").click();
            }
        })
    }
    ,
    export:

    function () {
        $("#export,#exportDetail").on("click", function () {
            if ($("#myTable").bootstrapTable("getData").length == 0) {
                toastrCog.error("没有可导出的数据哦！", 3000)
                return;
            }
            var form = $("#exportForm");
            if ($(this).attr("id") == "export") {
                form.attr("action", basePath + "/rest/phone-statistics/export-sat-mes");
            } else {
                form.attr("action", basePath + "/rest/phone-statistics/export-detail-data");
            }
            $("#provinceCodeE").val($("#proCity").attr('data-str-search'));
            $("#callStartTimeE").val($("#callStartTime").val());
            $("#callEndTimeE").val($("#callEndTime").val());
            $("#groupIdE").val($("#seatGroup").val());
            $("#seatNumE").val($.trim($("#seatId").val()));
            $("#seatNameE").val($.trim($("#seatName").val()));
            $("#reCallFlagE").val($("#repeatPhone").val());
            $("#customerNumE").val($.trim($("#customerNumber").val()));
            $("#satisfactionE").val($("#agree").val());
            form[0].submit();
        })

    }

    ,
    jumpDetail:function () {
        var provinceCodeC = $("#pro").val();
        var seatGroupC = $("#seatGroup").val();
        var seatIdC = $("#seatId").val();
        var customerNumberC = $("#customerNumber").val();
        var callStartTimeC = $("#callStartTime").val();
        var callEndTimeC = $("#callEndTime").val();
        var reCallFlagC = $("#repeatPhone").val();
        var satC = $("#agree").val();
        $("#provinceCodeC").val(provinceCodeC);
        $("#seatGroupC").val(seatGroupC);
        $("#seatIdC").val(seatIdC);
        $("#customerNumberC").val(customerNumberC);
        $("#callStartTimeC").val(callStartTimeC);
        $("#callEndTimeC").val(callEndTimeC);
        $("#reCallFlagC").val(reCallFlagC);
        $("#satC").val(satC);
    }
    ,
    getNowTime:function () {
        var endTime = dateFormatUtil(new Date().getTime());
        var str = endTime.split(" ")[0];
        var startTime = str.substr(0, str.length - 2) + "01" + " " + "00:00:00";
        $("#callStartTime").val(startTime);
        $("#callEndTime").val(endTime);
    }

    }
    ;
    $(function () {
        proCity.init($('body'));
        tools.init();
        resize.init();
        var oTable = new TableInitOne();
        oTable.Init();
    })
</script>
</body>
</html>